<div id="content" class="markdown">
      <h1><img src="assets/img/clock.png"> timeago.js</h1>
      <h2>极小的/简单的库</h2>
      
      <!-- sorry for ad -->
      <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-7292810486004926" data-ad-slot="7806394673" data-ad-format="auto"></ins>
      <script>
      (adsbygoogle = window.adsbygoogle || []).push({});
      </script>

      <h3>What ?</h3>
      <p>
        <strong>timeago.js</strong>是一个很小的（2KB）库用来格式化日期和` ***时间前`。不依赖其它库。并支持自动更新的模糊时间戳（如“4分钟前”或“1天前”）。 <a href="https://github.com/hustcc/timeago.js">下载</a>, 查看例子.
      </p>

      <p class="example">
        Hustcc出生于<span class="need_to_be_rendered strong" datetime="1992-08-01" data-tid="2">25年前</span>.
      </p>

      <h3>Why ?</h3>
      <ul>
        <li>避免过时的“1分钟前”虽然页面10分钟前被打开的时候自动刷新的时间戳。</li>
        <li>你可以充分利用你的Web应用程序的页面缓存，因为时间不在服务器计算。</li>
        <li>很小（小于2K），无依赖性，如jQuery。</li>
      </ul>

      <h3>How ?</h3>
      <p class="how">
        先加载<a href="https://github.com/hustcc/timeago.js">timeago.js</a>库:
      </p>
      <pre><code>npm install timeago.js</code></pre>
      <p class="how">
        加载timeago.js库的script标签:
      </p>
      <pre><code>&lt;script src="dist/timeago.js" type="text/javascript"&gt;&lt;/script&gt;</code></pre>
      <p class="how">
        你也可以使用ES6的写法:
      </p>
      <pre><code>import timeago from 'timeago.js';
// or
var timeago = require("timeago.js");</code></pre>
      <p class="how">
        现在，让我们把它与你的时间戳对DOM就绪：
      </p>
      <pre><code>timeago().render(document.querySelectorAll('.need_to_be_rendered'));
// or use jquery selector
timeago().render($('.need_to_be_rendered'));</code></pre>
      <p class="how">
        这将会实时渲染 <tt>selected</tt>(javascript DOM 选择器, 或 jQuery 选择器都是支持的) 通过给元素使用这个类<tt>need_to_be_rendered</tt>.
      </p>
      <pre><code>&lt;span class="<em>need_to_be_rendered</em>" datetime="<em>2016-07-07T09:24:17Z</em>"&gt;July 07, 2016&lt;/span&gt;</code></pre>
      <p class="how">
        您还可以以编程方式使用它。:
      </p>
      <pre><code>timeago().format(new Date());             //=&gt; "<span id="demo_now">just now</span>"
timeago(null, 'zh_CN').format('2016-09-07')           //=&gt; "<span id="demo_20160907">1年前</span>"
timeago().format(1473245023718);          //=&gt; "<span id="demo_timestamp">1 year ago</span>"</code></pre>

      <h3>Locales register ?</h3>
      <p>
        timeago.js 拥有 locale/i18n/language 支持.  现在有一些<a href="https://github.com/hustcc/timeago.js/tree/master/locales">配置例子</a>
      </p>
      <pre><code>
var locale = function(number, index, total_sec) {
  // number: the timeago / timein number;
  // index: the index of array below;
  // total_sec: total seconds between date to be formatted and today's date;
  return [
    ['just now', 'right now'],
    ['%s seconds ago', 'in %s seconds'],
    ['1 minute ago', 'in 1 minute'],
    ['%s minutes ago', 'in %s minutes'],
    ['1 hour ago', 'in 1 hour'],
    ['%s hours ago', 'in %s hours'],
    ['1 day ago', 'in 1 day'],
    ['%s days ago', 'in %s days'],
    ['1 week ago', 'in 1 week'],
    ['%s weeks ago', 'in %s weeks'],
    ['1 month ago', 'in 1 month'],
    ['%s months ago', 'in %s months'],
    ['1 year ago', 'in 1 year'],
    ['%s years ago', 'in %s years']
  ][index];
};
timeago.register('pt_BR', locale);
var timeagoInstance = timeago();
// then you can use it
timeagoInstance.format(1473245023718, 'pt_BR');</code></pre>

      <h3>Where ?</h3>
      <p>包由npm.管理 因此 <em>使用npm安装timeago.js</em> 可以获得最新的版本.</p>
      <p>
        代码托管于
        GitHub: <a href="http://github.com/hustcc/timeago.js">http://github.com/hustcc/timeago.js</a>.
      </p>

      <h3>What else ?</h3>
      <ul>
        <li><em>用于react的timeago.js</em>: timeago-react is <a href="https://github.com/hustcc/timeago-react">here</a></li>
        <li><em>用于python的timeago</em>: timeago is <a href="https://github.com/hustcc/timeago">here</a></li>
      </ul>

    </div>